const path = require('path');
function resolve(dir) {
  return path.join(__dirname, dir);
}


module.exports = {
  publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
  // 输出文件目录   文件夹名
  outputDir: 'dist',
  // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。    资源放的目录
  assetsDir: "./assets",
  productionSourceMap: false,
  lintOnSave: false,
  devServer: {
    port: 8081,
    //contentBase:path.join(_dirname,'src'), //使用当前的路径作为请求的资源路径
    // proxy: {
    //   "/api": {
    //     target: "https://api.github.com",
    //     changeOrigin: true,
    //     ws: false,
    //     pathRewrite: {
    //       "^/api": ""
    //     }
    //   }
    // }
  },
  configureWebpack: {
    // 把原本需要写在webpack.config.js中的配置代码 写在这里 会自动合并
    externals: {
     'jquery' : '$',
     'echarts': 'echarts',
     'axios' : 'axios'
    },
    resolve:{
      alias:{
        'assets': '@/assets',
        'components': '@/components',
        'views': '@/views',
      }
    },


  },
  chainWebpack: config => {
    config.module
      .rule('min-image')
      .test(/\.(png|jpe?g|gif)(\?.*)?$/)
      .use('file-loader')
      // .use('image-webpack-loader')
      .loader('image-webpack-loader')
      .options({ disable: process.env.NODE_ENV == 'development' ? true : false })//此处为ture的时候不会启用压缩处理,目的是为了开发模式下调试速度更快,网上错误示例直接写为disable:true,如果不去查看文档肯定是要被坑的
      .end()
  }
  

};